// Place all the styles related to the Users controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
body {
  
  background-image: image-url("wallpaper/Best8.jpg");
  background-attachment:fixed;
  background-position:center top;

  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}



.body_form {
  color: #000000;
  background-color : #ffffff;
  
  padding:10px;
  margin:0px 300px 0px 300px;
  
}

.body_form_show {
  color: #000000;
  background-color : #ffffff;
  height : 150px;
  padding:50px;
  margin:0px 300px 0px 300px;
  
}

.picture_edit_form {
  position: absolute;
  border-color : #000000;
  margin :0px 150px;
  text-align : center;
  font-size: 15px;
  color : #0000ff;
 
}
.picture_form {
  position: absolute;
  border-color : #000000;
  margin :100px 150px;
  text-align : center;
  font-size: 15px;
  color : #0000ff; 
}
.text_form {
  margin:0px 0px 0px 450px;
  
}
.header_form {
  color :#ffffff;
  height:50px;
  padding:20px;
  text-align: center;
  margin:0px 0px 0px 0px;
  
}

.logout_form{
  margin:0px 1200px    // top right
}
.new_form{
  margin:0px 200px    // top right
}
.login_form {
  color :#9f9f9f;
  background-color:#121212;
  width:300px;
  padding:10px;
  // border:5px solid gray;
  // margin:25px 50px 75px 300px;  // top right bottom left
  // margin:25px 50px 75px;   // top right bottom
  margin:300px 500px    // top right 
}

a:link {
  text-decoration: none;
  color: #000000;
  
  
}

a:visited {
  text-decoration: none;
  color: #000000;
  
}

a:hover {
  text-decoration: none;
  color: #ff0000;
  // background-color: #00ff00;
  
}

a:active {
  text-decoration: none;
  color: #000000;
  
}